<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body style="background-color: rgba(250, 255, 189, 0.17);">
<div id="main" style="padding-top: 150px;">
    <link rel="stylesheet" type="text/css" href="__STATIC__/module/index/xin-login/css/color.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/module/index/xin-login/css/common.css">
    <link rel="stylesheet" type="text/css" href="__STATIC__/module/index/xin-login/css/web.css">
    <link type="text/css" rel="stylesheet" href="__STATIC__/module/index/xin-login/css/userlogin.css">

    <div class="user-main">

        <div class="wap auto">
            <div class="login_box cf" id="loginBox" t="0">
                <div class="login_left fl">
                    <h1>注册会员</h1>

                    <style>
                        .cf>label{
                            width: 130px !important;
                        }
                    </style>
                    <div class="regText" style="display:block;">
                        <form method="post" action="/login/doRegister.html" id="QSTForm" name="QSTForm" novalidate="novalidate">
                            <ul class="login_u">
                                <li class="cf">
                                    <label for="username">
                                        用户名：</label>
                                    <div class="fl login_u_d">
                                        <input type="text" name="username" id="username" class="bg_d log_inp" placeholder="用户名" value="">
                                    </div>
                                </li>
                                <li class="cf">
                                    <label for="nickname">
                                        昵称：</label>
                                    <div class="fl login_u_d">
                                        <input type="text" name="nickname" id="nickname" class="bg_d log_inp" placeholder="昵称" value="">
                                    </div>
                                </li>
                                <li class="cf">
                                    <label for="email">
                                        邮箱：</label>
                                    <div class="fl login_u_d">
                                        <input type="text" name="email" id="email" class="bg_d log_inp" placeholder="邮箱" value="">
                                    </div>
                                </li>
                                <li class="cf">
                                    <label for="mobile">
                                        手机号：</label>
                                    <div class="fl login_u_d">
                                        <input type="text" name="mobile" id="mobile" class="bg_d log_inp" placeholder="手机号" value="">
                                    </div>
                                </li>
                                <li class="cf">
                                    <label for="password">
                                        密 码：</label>
                                    <div class="fl login_u_d">
                                        <input type="password" name="password" id="PassWord" placeholder="密 码" class="bg_d log_inp">
                                    </div>
                                </li>
                                <li class="cf">
                                    <label for="password_confirm">
                                      确认密码：</label>
                                    <div class="fl login_u_d">
                                        <input type="password" name="password_confirm" id="password_confirm" class="bg_d log_inp" placeholder="确认密码">
                                    </div>
                                </li><!--
                                <li class="cf">
                                    <label for="PassWord">
                                        所在地：</label>
                                    <div class="fl login_u_d">
                                        <select onchange="SetCityValue(this)" class="select" style=" width:100px;">
                                            <option value="">请选择省份</option>
                                            <option value="1">北京</option>
                                            <option value="19">天津</option>
                                            <option value="37">河北省</option>
                                            <option value="221">山西省</option>
                                            <option value="352">内蒙古自治区</option>
                                            <option value="466">辽宁省</option>
                                            <option value="581">吉林省</option>
                                            <option value="651">黑龙江省</option>
                                            <option value="797">上海</option>
                                            <option value="816">江苏省</option>
                                            <option value="932">浙江省</option>
                                            <option value="1034">安徽省</option>
                                            <option value="1156">福建省</option>
                                            <option value="1251">江西省</option>
                                            <option value="1363">山东省</option>
                                            <option value="1521">河南省</option>
                                            <option value="1699">湖北省</option>
                                            <option value="1817">湖南省</option>
                                            <option value="1954">广东省</option>
                                            <option value="2099">广西壮族自治区</option>
                                            <option value="2224">海南省</option>
                                            <option value="2253">重庆</option>
                                            <option value="2293">四川省</option>
                                            <option value="2496">贵州省</option>
                                            <option value="2594">云南省</option>
                                            <option value="2740">西藏自治区</option>
                                            <option value="2821">陕西省</option>
                                            <option value="2939">甘肃省</option>
                                            <option value="3041">青海省</option>
                                            <option value="3093">宁夏回族自治区</option>
                                            <option value="3121">新疆维吾尔自治区</option>
                                            <option value="3236">台湾省</option>
                                            <option value="3310">香港特别行政区</option>
                                            <option value="3332">澳门特别行政区 </option>
                                        </select>
                                    </div>
                                </li>-->

                                <li class="cf">
                                    <label>
                                        &nbsp;</label>
                                    <div class="fl login_u_d">
                                        <input name="submit1" type="submit" class="log_sub c1_bg" value="注&nbsp;&nbsp;&nbsp;册">
                                    </div>
                                </li>
                            </ul>
                        </form>
                    </div>

                </div>
                <div class="login_right fr">
                    <h2>
                        和她、和他、和Ta，一起游</h2>
                    <p>
                        人的一生，就是一场旅行，
                        <br>
                        从这开始，共同探索美好的世界
                    </p>
                </div>
            </div>
        </div>

    </div>

    <div class="promptWindow" id="submit-tip">
        <p>感谢您的支持,您已登录成功!</p>
        <p><img src="/Content/Themes/Base/common/order/images/loading.gif"></p>
    </div>

    <script type="text/javascript" src="__STATIC__/module/index/xin-login/js/jquery.validate.js"></script>
    <script type="text/javascript" src="__STATIC__/module/index/xin-login/js/jquery.validate.check.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#QSTForm").validate({
                rules: {
                    username: { required: true },
                    password: { required: true }
                },
                messages: {
                    username: { required: '请填写帐号' },
                    password: { required: '请填写密码' }
                }
            });
            var t = $("#loginBox").attr("t");
            if (t > 0) {
                $('#submit-tip').show();
                $('#Proof').rules('add', { required: true, remote: { url: '/Asyn/Check.html', type: 'get', dataType: 'json', data: { 'checktext': function () { return $('#Proof').val(); } }, cache: false }, messages: { required: '请填写验证码!', remote: function () { get_Code('/'); return '验证码错误!' } } });
            } else {
                $('#ProofContainer').remove();
            }
        });
        $("input.bg_d").focus(function () {
            $(this).addClass("c1_bd")
        }).blur(function () {
            $(this).removeClass("c1_bd")
        })
    </script>

    <div class="footerJs">

    </div>
</div>
</body>
</html>